*{
	box-sizing: border-box;
	font-family: PingFangSC-Regular,Microsoft JhengHei,PingFangSC,Source Han Sans,Arial,Helvetica,sans-serif;
}
.ccc{
	// background: url('../../static/bk_top_jc.jpg') repeat-y 50%;
	// background-size: 100%;
	// min-height: 100vh;
	// overflow: auto;
}
.main{
	width: 100%;
	//height: calc(100vh - 2px);
	padding:0px 16px 14px;
	padding-top: calc(constant(safe-area-inset-top) + 102px); 
	padding-top: calc(env(safe-area-inset-top) + 102px);
	position: fixed;
    top: 0;
	background-size: 100%;
	background: #ededed;
	height: 100vh;
	overflow: hidden;
	.header_group{
		width: 100%;
		margin: 0 auto 10px;
		position: relative;
		
		.time_group{
			width: 100%;
			display: flex;
			
			.tgitem{
				border: 2px solid #957e81;
				color: #4a4a4a;
				flex: 1;
				font-size: 36px;
				border-radius: 10px;
				text-align: center;
				padding: 10px 16px;
				margin: 24px 10px 4px 0;
				justify-content: space-around;
				display: flex;
				white-space: nowrap;
				font-weight: 400;
			}
			.tgitem.active{
				background: #d4b59a;
				color: #fff;
				border: 2px solid #d4b59a;
			}
		}
		.date-section{
			display: flex;
			align-items: center;
			gap: 10px;
			margin: 12px 0;
			
			.date-search{
				background-color: #dac8b5;
				border: 2px solid #957e81;
				flex: 1;
				height: 68px;
				border-radius: 10px;
				font-family: sans-serif;
				font-size: 28px;
				text-align: center;
				line-height: 64px;
			}
		}
	}
	.content{
		width: 100%;
		background: #fff;
		border-radius: 16px;
		height: calc(100vh - 320px);
		overflow: auto;
		padding-bottom: 200px;
		padding-bottom: calc(constant(safe-area-inset-bottom) + 50vmin); 
		padding-bottom: calc(env(safe-area-inset-bottom) + 50vmin);
		.NoDataGroup{
			display: flex;
			justify-content: center;
			flex-direction: column;
			align-items: center;
			padding: 110px 0;
			
			.noData_bg{
				width: 84px;
				height: 84px;
				background: url('../../static/icon_noData_bg.png') no-repeat 50%;
				background-size: 100%;
			}
			.txt_tit{
				font-size: 36px;
				color: #c8c8c8;
				padding-top: 34px;
			}
		}
		
		.table{
			width: 100%;
			border-collapse: collapse;
			
			.thead{
				background-color: #65625d;
				color: #fff;
				
				.tr{
					width: 100%;
					height: 60px;
					line-height: 60px;
					background: #65625d;
					display: flex;
					justify-content: space-between;
					align-items: center;
					
					.td{
						font-size: 24px;
						color: #fff;
						text-overflow: ellipsis;
						overflow: hidden;
						white-space: nowrap;
						padding: 0 8px;
						border: 2px solid #999;
						height: 60px;
						line-height: 60px;
						text-align: center;
					}
					.td:first-child{
						width: 40%;
					}
					.td:nth-child(2){
						width: 15%;
					}
					.td:nth-child(3){
						width: 25%;
					}
					.td:last-child{
						width: 20%;
					}
				}
			}
			.tbody{
				background: #fff;
				border-radius: 15px;
				box-sizing: border-box;
				.tr{
					width: 100%;
					// height: 60px;
					box-sizing: border-box;
					padding-top: 20px;
					// line-height: 60px;	
					margin-left: auto;
					margin-right: auto;
					padding-left: 4%;
					padding-right: 4%;
					display: flex;
					justify-content: space-between;
					
					border-bottom: 1px solid #f0f0f0;
					.td1{
						color: #929292;
					}
					.td{
						// font-size: 24px;
						// color: #000;
						// text-overflow: ellipsis;
						// overflow: hidden;
						// white-space: nowrap;
						// padding: 0 8px;
						// border: 2px solid #999;
						// border-top: 0;
						// height: 60px;
						// line-height: 60px;
						// text-align: center;
					}
					// .td:first-child{
					// 	width: 40%;
					// }
					// .td:nth-child(2){
					// 	width: 15%;
					// }
					// .td:nth-child(3){
					// 	width: 25%;
					// 	text-align: right;
					// }
					// .td:last-child{
					// 	width: 20%;
					// }
				}
			}
		}
	}
}

.green{
	color: #84c340;
}

:global{
	.game_group{
		margin-bottom: 10px;
		margin-top: 10px;
		
		.ant-select .ant-select-selector{
			padding-left: 40px;
			border: 2px solid #957e81 !important;
			box-shadow: 0 0 0 0 transparent !important;
			font-size: 26px;
			border-radius: 10px;
		}
		.ant-select-arrow{
			font-size: 32px;
		}
	}
	
	.ant-picker{
		border: 2px solid #957e81 !important;
		box-shadow: 0 0 0 0 transparent !important;
		height: 68px;
	}
}

.tip_group{
	justify-content: space-between;
	width: 100%;
	height: 84px;
	min-height: 84px;
	display: flex;
	align-items: center;
	padding-top: 6px;
	padding-bottom: 6px;
	
	.tgcon{
		display: flex;
		justify-content: flex-start;
		align-items: center;
		
		.TxtTip{
			color: #841616;
			border-left: 8px solid #841616;
			white-space: nowrap;
			padding: 0 28px 0 18px;
			margin: 18px 0 14px 26px;
			font-size: 36px;
			letter-spacing: 4px;
		}
		.note{
			font-size: 24px;
			color: #9b9b9b;
		}
	}
}
.c92{
	color: #929292;
	font-size: 24px;
}
.td1{
	color: #929292;
	font-size: 24px;
	align-self: flex-start;
}
.c93{
	color: #b59643;
	font-size: 24px;
}
.c94{
	color: #d1bb85;
	font-size: 24px;
}
.td1{display: flex;flex-direction: column;font-size: 24rpx;width: 20%;}
.td2{display: flex;flex-direction: column;width: 40%;}
.td3{display: flex;flex-direction: column;}
.td2 span{margin-bottom: 20px;}
.td3 span{margin-bottom: 20px;text-align: right;}
.td3 span:nth-child(2){color: #b59643;}

.table{
	width: 100%;
	border-collapse: collapse;
	
	.thead{
		background-color: #65625d;
		color: #fff;
		
		.tr{
			width: 100%;
			height: 60px;
			line-height: 60px;
			background: #65625d;
			display: flex;
			justify-content: space-between;
			align-items: center;
			
			.td{
				font-size: 24px;
				color: #fff;
				text-overflow: ellipsis;
				overflow: hidden;
				white-space: nowrap;
				padding: 0 8px;
				border: 2px solid #999;
				height: 60px;
				line-height: 60px;
				text-align: center;
			}
			.td:first-child{
				width: 40%;
			}
			.td:nth-child(2){
				width: 15%;
			}
			.td:nth-child(3){
				width: 25%;
			}
			.td:last-child{
				width: 20%;
			}
		}
	}
	.tbody{
		background: #fff;
		border-radius: 15px;
		box-sizing: border-box;
		.tr{
			width: 100%;
			// height: 60px;
			box-sizing: border-box;
			padding-top: 20px;
			// line-height: 60px;	
			margin-left: auto;
			margin-right: auto;
			padding-left: 4%;
			padding-right: 4%;
			display: flex;
			justify-content: space-between;
			
			border-bottom: 1px solid #f0f0f0;
			.td1{
				color: #929292;
			}
			.td{
				// font-size: 24px;
				// color: #000;
				// text-overflow: ellipsis;
				// overflow: hidden;
				// white-space: nowrap;
				// padding: 0 8px;
				// border: 2px solid #999;
				// border-top: 0;
				// height: 60px;
				// line-height: 60px;
				// text-align: center;
			}
			// .td:first-child{
			// 	width: 40%;
			// }
			// .td:nth-child(2){
			// 	width: 15%;
			// }
			// .td:nth-child(3){
			// 	width: 25%;
			// 	text-align: right;
			// }
			// .td:last-child{
			// 	width: 20%;
			// }
		}
	}
}
.ttt{
	// position: fixed;
	// bottom: 0;
	// left: 50%;
	// transform: translateX(-50%);
	width: 96%;
	// padding-bottom: calc(constant(safe-area-inset-bottom) + 102px); 
	// padding-bottom: calc(env(safe-area-inset-bottom) + 102px);
}
.td21{
	color: #1677ff;
	font-size: 32px;
	display: flex;
	align-items: center;
	line-height: normal;
}
.td31{
	color: #1677ff;
	font-size: 32px;
	display: flex;
	align-items: center;
	line-height: normal;
}
.td31 div.p1{
	margin-left: 20px;
	margin-right: 20px;
	border: 1px solid #1677ff;
	border-radius: 5px;
	padding-left: 10px;
	padding-right: 10px;
	color: #1677ff;
}